<template>
  <div class="about">
    <h1 ref="box">{{ msg }}</h1>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: "hello world",
    };
  },
  created() {
    this.$nextTick(() => {
      console.log(this.$refs.box);
    });
    //
  },
  mounted() {
    console.log(this.$refs.box);
  },
};
</script>
